<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>商家 | 订单管理</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">


    <!-- Sweet Alert -->
    <link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">


    <style type="text/css">
        .trorder {
            background: #f8f8f8;
            border: 1px solid #f2f2f2;
            text-align: left;
        }
        .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
            vertical-align: middle;
        }
        .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
            border-top: 1px solid #e7eaec;
            line-height: 1.42857;
            padding: 8px;
            vertical-align: middle;
        }
        .trbody td {
            text-align: center;
            vertical-align: top;
            border-left: 1px solid #f2f2f2;
            overflow: hidden;
            font-size: 14px;
        }
        .ops {
            border-right: 1px solid #f2f2f2;
            text-align: center;
        }
        .table td a{cursor: pointer;}
        .page-toolbar {
            position: relative;
            width: 100%;
            padding: 0;
            height: 35px;
            line-height: 1;
            vertical-align: middle;
            margin-bottom: 15px;
        }
        .input-group-select {
            float: right;
        }
    </style>
</head>

<body>

    <div id="wrapper">

        <!--菜单-->
        <nav class="navbar-default navbar-static-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav metismenu" id="side-menu">
                    <li class="nav-header">
                        <div class="dropdown profile-element"> <span>
                            <img alt="image" class="img-circle" src="img/profile_small.jpg" />
                             </span>
                            <a data-toggle="dropdown" class="dropdown-toggle" href="dashboard_2.html#">
                            <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">wyb</strong>
                             </span> <span class="text-muted text-xs block">渠道管理员(商家) <b class="caret"></b></span> </span> </a>
                            <ul class="dropdown-menu animated fadeInRight m-t-xs">
                                <li><a href="#">个人信息</a></li>
                                <li class="divider"></li>
                                <li><a href="login.html">退出</a></li>
                            </ul>
                        </div>
                        <div class="logo-element">
                            IN+
                        </div>
                    </li>
                    <li class="active">
                        <a href="shop_index.html"><i class="fa fa-th-large"></i> <span class="nav-label">首页</span>
                            <span class="fa arrow"></span></a>
                    </li>

                    <li class="">
                        <a href="shop_order.html"><i class="fa fa-th-large"></i> <span class="nav-label">订单管理</span>
                            <span class="fa arrow"></span></a>
                    </li>

                    <li class="">
                        <a href="shop_table.html"><i class="fa fa-th-large"></i> <span class="nav-label">餐桌管理</span>
                            <span class="fa arrow"></span></a>
                    </li>

                    <li class="">
                        <a href="shop_food.html"><i class="fa fa-th-large"></i> <span class="nav-label">菜品管理</span>
                            <span class="fa arrow"></span></a>
                    </li>

                    <!--<li class="">
                        <a href="shop_food_category.html"><i class="fa fa-th-large"></i> <span class="nav-label">菜品分类管理</span>
                            <span class="fa arrow"></span></a>
                    </li>-->

                    <li class="">
                        <a href="shop_waiter.html"><i class="fa fa-th-large"></i> <span class="nav-label">店员管理</span>
                            <span class="fa arrow"></span></a>
                    </li>

                    <!--<li class="">
                        <a href="shop_member.html"><i class="fa fa-th-large"></i> <span class="nav-label">会员管理</span>
                            <span class="fa arrow"></span></a>
                    </li>

                    <li class="">
                        <a href="shop_hongbao.html"><i class="fa fa-th-large"></i> <span class="nav-label">红包管理</span>
                            <span class="fa arrow"></span></a>
                    </li>

                    <li class="">
                        <a href="shop_cuxiao.html"><i class="fa fa-th-large"></i> <span class="nav-label">促销品管理</span>
                            <span class="fa arrow"></span></a>
                    </li>


                    <li class="">
                        <a href="shop_cuxiao.html"><i class="fa fa-th-large"></i> <span class="nav-label">支付管理</span>
                            <span class="fa arrow"></span></a>
                    </li>
                    -->

                    <li class="">
                        <a href="shop_print.html"><i class="fa fa-th-large"></i> <span class="nav-label">打印机管理</span>
                            <span class="fa arrow"></span></a>
                    </li>


                    <li class="">
                        <a href="shop_sale.html"><i class="fa fa-th-large"></i> <span class="nav-label">营销管理</span>
                            <span class="fa arrow"></span></a>
                    </li>

                    <li class="">
                        <a href="shop_adv.html"><i class="fa fa-th-large"></i> <span class="nav-label">广告管理</span>
                            <span class="fa arrow"></span></a>
                    </li>
                </ul>
            </div>
        </nav>

        <div id="page-wrapper" class="gray-bg">

            <div class="row border-bottom">
                <nav class="navbar navbar-static-top white-bg" role="navigation" style="margin-bottom: 0">
                    <div class="navbar-header">
                        <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="shop_index.html#"><i class="fa fa-bars"></i> </a>
                    </div>
                    <ul class="nav navbar-top-links navbar-right">
                        <li>
                            <span class="m-r-sm text-muted welcome-message">渠道管理后台.</span>
                        </li>

                        <li>
                            <a href="shop_index.html">
                                <i class="fa fa-sign-out"></i>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>

            <div class="row wrapper border-bottom white-bg page-heading">
                <div class="col-lg-10">
                    <h2>订单管理</h2>
                    <ol class="breadcrumb">
                        <li>
                            <a href="index.html">首页</a>
                        </li>
                        <li>
                            <a>订单管理</a>
                        </li>
                        <li class="active">
                            <strong>订单管理</strong>
                        </li>
                    </ol>
                </div>
                <div class="col-lg-2">

                </div>
            </div>
        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>订单信息  </h5>
                            <div class="ibox-tools">
                                <a class="btn btn-xs btn-primary">添加订单</a>
                            </div>
                        </div>
                        <div class="ibox-content">


                            <div class="row">
                                <div class="col-sm-9 m-b-xs">
                                    <div data-toggle="buttons" class="btn-group">
                                        <a href="#" class="btn btn-sm btn-primary">全部订单</a></li>
                                        <a href="#" class="btn btn-sm btn-white">等待处理</a></li>
                                        <a href="#" class="btn btn-sm btn-white">制作中</a></li>
                                        <a href="#" class="btn btn-sm btn-white">已完成</a></li>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="input-group"><input type="text" placeholder="Search" class="input-sm form-control"> <span class="input-group-btn">
                                        <button type="button" class="btn btn-sm btn-primary"> Go!</button> </span></div>
                                </div>
                            </div>
                            <!-- 订单表单列表-->
                            <table class="table table-responsive" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th style="width:200px">商品</th>
                                        <th class="text-right">单价/数量</th>
                                        <th class="text-center">金额</th>
                                        <th class="text-center">支付时间</th>
                                        <th>状态</th>
                                        <th style="width: 250px;" class="text-right">操作</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td colspan="6" style="height:20px;padding:0;border-top:none;">&nbsp;</td>
                                    </tr>
                                    <tr class="trorder">
                                        <td colspan="3">订单编号:
                                            <span style="margin-left: 15px;" class="label label-danger">
                                                #123456789010
                                            </span>
                                        </td>
                                        <td colspan="3" style="text-align:right;font-size:12px;" class="aops">
                                            门店：我的小店<!--{$orderItem['storeInfo']['name']}-->
                                        </td>
                                    </tr>

                                    <tr class="trbody">
                                        <td style="text-align: left;overflow:hidden;width:200px">水煮鱼</td>
                                        <td style="text-align:right;border-left:none;">¥ 25 * 1</td>
                                        <td style="text-align:center" rowspan="2">¥ 100</td>
                                        <td style="text-align:center" rowspan="2">2018-05-24 12:12:00</td>
                                        <td rowspan="2">
                                            <span class="label label-danger">等待接单</span>
                                            <!--<span class="label label-warning">制作中</span>
                                            <span class="label label-success">已完成</span>-->
                                        </td>
                                        <td rowspan="2" class="ops">
                                            <!--<a class="btn btn-xs btn-success demo1"  onclick="return confirm('确认接单？\r\n接单后无法取消');return false;" href="{php echo $this->createWebUrl('orders',array('op'=>'deal','status'=>'2','orderid'=>$orderItem['id']))}">确定接单</a>-->
                                            <a class="btn btn-xs btn-success demo1" href="#">确定接单</a>
                                        </td>
                                    </tr>
                                    <tr class="trbody">
                                        <td style="text-align: left;overflow:hidden;width:200px">宫保鸡丁<br></td>
                                        <td style="text-align:right;border-left:none;">¥ 24 * 1</td>
                                        </td>
                                    </tr>
                                    <tr class="trorder" style="background: #fff;border-bottom: 1px solid #e7eaec">
                                        <td colspan="5" style="padding-left: 10px !important;">备注:  <span class="text-danger">请尽快上菜</span></td>
                                        <td colspan="1" style="text-align:right;font-size:14px;color: red;padding-right: 10px !important;" class="aops">桌号：001</td>
                                    </tr>
                                    <tr style="border-bottom:none;background:#f9f9f9;">
                                        <td colspan="6" style="text-align:left;height:0;padding:0"></td>
                                    </tr>
                                    <tr><td colspan="6" style="height:20px;padding:0;border-top:none;">&nbsp;</td></tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="pull-right">
                10GB of <strong>250GB</strong> Free.
            </div>
            <div>
                <strong>Copyright</strong> Example Company &copy; 2014-2015
            </div>
        </div>

        </div>
        </div>



    <!-- Mainly scripts -->
    <script src="js/jquery-2.1.1.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

    <!-- Peity -->
    <script src="js/plugins/peity/jquery.peity.min.js"></script>

    <!-- Custom and plugin javascript -->
    <script src="js/inspinia.js"></script>
    <script src="js/plugins/pace/pace.min.js"></script>

    <!-- iCheck -->
    <script src="js/plugins/iCheck/icheck.min.js"></script>

    <!-- Peity -->
    <script src="js/demo/peity-demo.js"></script>


    <!-- Sweet alert -->
    <script src="js/plugins/sweetalert/sweetalert.min.js"></script>


    <script>
        $(document).ready(function(){
            $('.i-checks').iCheck({
                checkboxClass: 'icheckbox_square-green',
                radioClass: 'iradio_square-green',
            });



            $('.demo1').click(function(){

                swal({
                    title: "确认接单?",
                    text: "接单后无法取消!",
                    type: "warning",
                    cancelButtonText:"取消",
                    showCancelButton: true,
                    confirmButtonColor: "#DD6B55",
                    confirmButtonText: "确定!",
                    closeOnConfirm: false
                }, function () {
                    swal("成功接单", "菜品制作中,请稍后...", "success");
                });
            });
        });
    </script>

</body>

</html>
